<template>
  <div class="gallery_main">
    <div class="img_item">
      <img class="img" src="@/assets/荷.jpg" title="荷叶-缩略图.jpg"/>
      <p>简介: 初次开绘画的坑,这张图其实也没有画完只完成了55%的样子,拿来充数的...</p>
    </div>
    
  </div>
</template>
<script>
export default {
    name:"desk-gallery"
}
</script>
<style lang="scss" scoped>
  @media screen and (max-width:600px) {
    .img_item{
      width: 95% !important;
    }
  }
.gallery_main{
  width: 100%;
  height: 100%;

  .img_item{
    width: 500px;
    border-radius: 10px;
    margin-left:  10px;
    margin-top: 10px;
    box-sizing: border-box;
    padding: 5px;
    background-color: white;

    .img{
    width: 100%;
  }
  >p{
    font-size: 13px;
    color:#333;
  }
  }
}
</style>